<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>待处理订单</title>
</head>
<body>
<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background-color: #FF856E;">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.go(-1);" style="float: left">
            <i class="am-icon-chevron-left" style="font-size: 22px;color: white;"></i>
        </a>
        <span style="font-size: 16px;color:white; ">待付款</span>
    </div>


    <div class="am-header-right am-header-nav">

    </div>
</header>
<!--待处理-->
<div class="am-nav index-nav" style="padding-top: 3%; padding-bottom: 3%; ">
    <div class="am-u-sm-12">
        <p style="border-bottom: 1px solid #f1f1f1;margin: 0;padding-bottom: 2%;text-align: center;">
            <span style="margin-left: 5%;color: black;font-size: 18px;">请确认并支付</span>
        </p>

        <div style="padding-top: 5%;">
            <div class="am-u-sm-12" style="font-size: 15px;line-height: 0.8em;">
                <p id="phone">131****0360</p>
                <p style="font-size: 17px;"><span id="pos1">浙江工贸职业技术学院</span> —> <span id="pos2">五马街</span> </p>
                <p>出发时间：<span id="createTime">2018-5-30 12：00</span></p>
                <p>
                <div style="display: inline-block;font-size: 15px;">物品种类：<span id="category">快递</span></div>
                <div style="float: right;font-size: 15px;">重量：<span>10千克以内</span></div>
                </p>
                <p>
                <div style="font-size: 17px;">单价：<span id="price">10</span>&nbsp;元</div>
                </p>
            </div>
        </div>
        <form action="http://w18263w590.imwork.net:17533/alipay/pay.do" method="post">
            <input type="text" id="WIDout_trade_no" name="WIDout_trade_no" value="" hidden>
            <input type="text" id="WIDsubject" name="WIDsubject" value="" hidden>
            <input type="text" id="WIDtotal_amount" name="WIDtotal_amount" value="" hidden>
            <input type="text" id="WIDbody" name="WIDbody" value="" hidden>
            <button type="submit" id="payBtn" class="am-btn am-btn-sm am-btn-warning"
                    style="width:100%;border-radius: 20px;font-size: 18px;letter-spacing: 1px;height: 28px;line-height: 0.5em;outline: none;background-color: rgb(254,103,0);margin-top: 10px;">
                支付
            </button>
        </form>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
<script type="text/javascript">
    $(function () {
        getUnpaidOrder();
        const orderId = UrlParm.parm("orderId");
        const price = $("#price").html();
        const name = $("#category").html();
        $("#WIDout_trade_no").val(orderId);
        $("#WIDsubject").val("手机支付" + name);
        $("#WIDtotal_amount").val(price);
        $("#WIDbody").val(name + "价格" + price);
    })

</script>
</html>